@charset "utf-8";
/* CSS Document */
body, html {
    color: #333;
    font-family: "微软雅黑",Arial,Helvetica,sans-serif,Arial,Helvetica,sans-serif;
    font-size: 14px;
    margin: 0;
    padding: 0;
}
img {
    border: medium none;
    outline: medium none;

}
* {
    margin: 0;
    padding: 0;
}
.clear{ clear:both;}
.ml10{ margin-left:10px;} .ml11{ margin-left:11px;} .ml13{ margin-left:15px;}.ml20{ margin-left:20px;}.ml50{ margin-left:50px;}
.mr10{ margin-right:10px;} .mr20{ margin-right:20px;}
.m20{margin:20px;}
.mtp10{ margin:10px 20px;}
.mt10{ margin-top:10px;}
.mt20{ margin-top:20px;}.mt40{ margin-top:40px;}.mt7{ margin-top:7px;}
.mb10{ margin-bottom:10px;}.mb20{ margin-bottom:20px;}
.ml12{ margin-left:10px;}
.w1000{ width:1000px; margin:0 auto;}
.lh26{ line-height:26px;}
.fl{ float:left;}
.w100{ width:100%;}
.pa{ position:absolute;}
.clo_grey{background:#f5f5f5;}
.bg_orange{background:#ffb526;}
.bg_purple{background:#6e92ef;}
.bg_red{background:#ff6a6a;}
.bg_red2{background:#fe6291;}
.bg_blue{ background:#42c4ff;}
.bg_green{ background:#71c24d;}
body {
    min-width: 1000px;
}
.margin_top {
    height: 131px;
    overflow: hidden;
}
.bt_top {
    background: #000 none repeat scroll 0 0;
    height:40px;
	line-height:40px;
    overflow: hidden;
}
.btt_center {
    color: #fff;
    font-size: 12px;
    line-height: 36px;
    margin: 0 auto;
    overflow: hidden;
    width: 1000px;
}
.btt_center .bttc_left {
    float: left;
    overflow: hidden;
}
.btt_center .bttc_right {
    float: right;
    overflow: hidden;
    text-align: right;
}
.main_bg {
    margin: 0 auto;
    overflow: hidden;
    width: 1920px;
}
.btt_center .bttc_right a{ color:#FFF; text-decoration:none;}
.btt_center .bttc_right a:hover{ color:#FFF; text-decoration:none;}
.btt_center .bttc_right span {
    color: #fff;
    font-size: 16px;
    margin-left: 5px;
	font-weight:bold;
}
.btt_center .bttc_right img {
    margin:0 2px;
    vertical-align: middle;
	top:0;
	bottom:0;
}
/*.heaber {
    height: 90px;
    margin: 0 auto;
    overflow: hidden;
    width: 1000px;
}
.logo {
    float: left;
    overflow: hidden;
    width: 312px;
}
.nav {
    float: right;
    overflow: hidden;
	line-height:90px;
	font:16px;
}
.nav li {
    float: left;
	list-style:none;

}
.nav li a {
    color: #333;
    display: block;
    padding: 5px 20px;
	font-size:16px;
	text-decoration:none;
}
.nav li a:hover {
    background: #becf0f none repeat scroll 0 0;
    color: #fff;
}
.nav li .nav_hover {
    background: #becf0f none repeat scroll 0 0;
    color: #fff;
}
*/
.sm_ad {
    position: relative;
    height:460px;
    overflow: hidden;
	background: url(/Content/images/sm_banner.jpg)   50% no-repeat;
}
.ls_ad {
    position: relative;
    height:460px;
    overflow: hidden;
	background: url(/Content/images/ls_banner.png) 50% no-repeat;
}
.dj_ad {
    position: relative;
    height:460px;
    overflow: hidden;
	background: url(/Content/images/dj_banner.png) 50% no-repeat;
}
.clo_fff{color:#FFF;}
.clo_333{color:#333;}
.sm_lfad{ width:436px; height:346px; float:left;}
.sm_rt{ width:544px; height:306px; float:left; margin-left:20px; line-height:24px; font-size:15px; color:#999;}
.sm_rt .ft{ font-size:24px; color:#333; line-height:46px; font-weight:bold;} 
.sm_text{ font-size:24px; color:#333; text-align:center; margin-top:40px; font-weight:bold; line-height:40px; margin-bottom:10px;}
.sm_sj{ width:714px; height:200px; margin:10px 45px; background:url(/Content/images/sm-sj.png); padding-left:196px; padding-top:72px; font-size:16px; color:#999; line-height:24px; }
 .ft20{ font-size:20px; color:#333; line-height:46px; }
.sm_hy{ width:884px; height:180px; margin:10px 45px; background:url(/Content/images/sm_hy.png); padding-left:26px; padding-top:92px; font-size:16px; color:#999; line-height:24px; }
.sm_yl{ width:1000px; height:620px; background: url(/Content/images/sm_yl.png) no-repeat center; margin-top:20px; float:left; position:absolute;}
.sm_yl .one{ width:300px; line-height:24px; font-size:16px; color:#999; position:relative; left:440px; top:15px;}
.sm_yl .two{ width:170px; line-height:24px; font-size:16px; color:#999; position:relative; left:820px; top:90px;}
.sm_yl .three{ width:180px; line-height:24px; font-size:16px; color:#999; position:relative; left:810px; top:265px;}
.sm_yl .four{ width:300px; line-height:24px; font-size:16px; color:#999; position:relative; left:60px; top:230px;}
.sm_yl .five{ width:300px; line-height:24px; font-size:16px; color:#999; position:relative; left:110px; top:-15px;}
.sm_js{ width:1000px; height:420px; float:left; background:url(/Content/images/sm_js.png) no-repeat center; position:absolute;}
.sm_js .hy{ width:200px; line-height:24px; font-size:14px; color:#fff; position:relative; top:40px;}
.sm_js .zzz{width:200px; line-height:24px; font-size:14px; color:#fff; position:relative; top:-20px; left:400px; float:left;}
.sm_js .sj{width:240px; line-height:24px; font-size:14px; color:#fff; position:relative; top:-10px; left:550px; float:left;}
.ft18{font-size:18px; color:#fff; line-height:30px; }
.content{width:1000px; margin:0 auto; padding:20px 0;}
.content a{ color:#666;}
.bg_f2{ background:#f2f2f2;}
.bg_ff{ background:#fff;}
.pro_tsgn{ width:188px; height:150px; float:left; text-align:center; }
.pro_tsgn .gn_icon1{ width:60px; height:60px; float:left; background: url(/Content/images/icon.png) 0px 0px; margin:25px 61px;}
.pro_tsgn .gn_icon2{ width:60px; height:60px; float:left; background: url(/Content/images/icon.png) -60px 0px; margin:25px 61px;}
.pro_tsgn .gn_icon3{ width:60px; height:60px; float:left; background: url(/Content/images/icon.png) -120px 0px; margin:25px 61px;}
.pro_tsgn .gn_icon4{ width:60px; height:60px; float:left; background: url(/Content/images/icon.png) -180px 0px; margin:25px 61px;}
.pro_tsgn .gn_icon5{ width:60px; height:60px; float:left; background: url(/Content/images/icon.png) -240px 0px; margin:25px 61px;}
.pro_tsgn .gn_icon6{width:60px; height:60px; float:left; background: url(/Content/images/icon.png) -300px 0px; margin:25px 61px;}
.pro_tsgn .gn_icon7{width:60px; height:60px; float:left; background: url(/Content/images/icon.png) -360px 0px; margin:25px 61px;}
.pro_tsgn .gn_icon8{width:60px; height:60px; float:left; background: url(/Content/images/icon.png) -420px 0px; margin:25px 61px;}
.pro_tsgn .gn_icon9{width:60px; height:60px; float:left; background: url(/Content/images/icon.png) 0px -60px; margin:25px 61px;}
.pro_tsgn .gn_icon10{width:60px; height:60px; float:left; background: url(/Content/images/icon.png) -60px -60px; margin:25px 61px;}
.pro_tsgn .gn_icon11{width:60px; height:60px; float:left; background: url(/Content/images/icon.png) -120px -60px; margin:25px 61px;}
.pro_tsgn .gn_icon12{width:60px; height:60px; float:left; background: url(/Content/images/icon.png) -180px -60px; margin:25px 61px;}
.pro_tsgn .gn_icon13{width:60px; height:60px; float:left; background: url(/Content/images/icon.png) -240px -60px; margin:25px 61px;}
.pro_tsgn .gn_icon14{width:60px; height:60px; float:left; background: url(/Content/images/icon.png) -300px -60px; margin:25px 61px;}
.pro_tsgn .gn_icon15{width:60px; height:60px; float:left; background: url(/Content/images/icon.png) -361px -60px; margin:25px 61px;}
.pro_tsgn .gn_icon16{width:60px; height:60px; float:left; background: url(/Content/images/icon.png) -0px -120px; margin:25px 61px;}
.pro_tsgn .gn_icon17{width:60px; height:60px; float:left; background: url(/Content/images/icon.png) -60px -120px; margin:25px 61px;}
.pro_tsgn .gn_icon18{width:60px; height:60px; float:left; background: url(/Content/images/icon.png) -120px -120px; margin:25px 61px;}
.pro_tsgn .gn_icon19{width:60px; height:60px; float:left; background: url(/Content/images/icon.png) -180px -120px; margin:25px 61px;}
.pro_tsgn .gn_icon20{width:60px; height:60px; float:left; background: url(/Content/images/icon.png) -240px -120px; margin:25px 61px;}
.pro_tsgn .gn_icon21{width:60px; height:60px; float:left; background: url(/Content/images/icon.png) -300px -120px; margin:25px 61px;}
.pro_tsgn .gn_icon22{width:60px; height:60px; float:left; background: url(/Content/images/icon.png) -360px -120px; margin:25px 61px;}
.pro_tsgn .gn_icon23{width:60px; height:60px; float:left; background: url(/Content/images/icon.png) -420px -120px; margin:25px 61px;}
.pro_tsgn .gn_icon24{width:60px; height:60px; float:left; background: url(/Content/images/icon.png) -0px -180px; margin:25px 61px;}
.pro_tsgn .gn_icon25{width:60px; height:60px; float:left; background: url(/Content/images/icon.png) -60px -180px; margin:25px 61px;}
.pro_tsgn .gn_icon26{width:60px; height:60px; float:left; background: url(/Content/images/icon.png) -120px -180px; margin:25px 61px;}
.pro_tsgn .gn_icon27{width:60px; height:60px; float:left; background: url(/Content/images/icon.png) -180px -180px; margin:25px 61px;}
.pro_tsgn .gn_icon28{width:60px; height:60px; float:left; background: url(/Content/images/icon.png) -240px -180px; margin:25px 61px;}
.pro_tsgn .gn_icon29{width:60px; height:60px; float:left; background: url(/Content/images/icon.png) -300px -180px; margin:25px 61px;}
.pro_tsgn .gn_icon30{width:60px; height:60px; float:left; background: url(/Content/images/icon.png) -360px -180px; margin:25px 61px;}
.pro_tsgn .gn_icon31{width:60px; height:60px; float:left; background: url(/Content/images/icon.png) -420px -180px; margin:25px 61px;}
.pro_tsgn .gn_icon32{width:60px; height:60px; float:left; background: url(/Content/images/icon.png) -0px -240px; margin:25px 61px;}
.pro_tsgn .gn_icon33{width:60px; height:60px; float:left; background: url(../images/icon.png) -365px -240px; margin:25px 61px;}
.pro_tsgn em{text-align:center; font-style:normal;  color:#666;}

.pro_danji{ width:188px; height:250px; float:left; text-align:center; font:14px; color:#999;}
.pro_danji .dj_icon1{ width:60px; height:60px; float:left; background: url(/Content/images/icon2.png) 0px 0px; margin:25px 61px;}
.pro_danji .dj_icon2{ width:60px; height:60px; float:left; background: url(/Content/images/icon2.png) -60px 0px; margin:25px 61px;}
.pro_danji .dj_icon3{ width:60px; height:60px; float:left; background: url(/Content/images/icon2.png) -120px 0px ; margin:25px 61px;}
.pro_danji .dj_icon4{ width:60px; height:60px; float:left; background: url(/Content/images/icon2.png) -180px 0px ; margin:25px 61px;}
.pro_danji .dj_icon5{ width:60px; height:60px; float:left; background: url(/Content/images/icon2.png) -240px 0px ; margin:25px 61px;}
.pro_danji .dj_icon6{ width:60px; height:60px; float:left; background: url(/Content/images/icon2.png) -302px 0px; margin:25px 61px;}
.pro_danji .dj_icon7{ width:60px; height:60px; float:left; background: url(/Content/images/icon2.png) 0 -60px; margin:25px 61px;}
.pro_danji .dj_icon8{ width:60px; height:60px; float:left; background: url(/Content/images/icon2.png) -60px -60px; margin:25px 61px;}
.pro_danji .dj_icon9{ width:60px; height:60px; float:left; background: url(/Content/images/icon2.png) -120px -60px; margin:25px 61px;}

.pro_danji em{ font-size:16px; color:#333; text-align:center; font-style:normal;}
.sm_help_l{width:770px; height:150px; float:left; font-size:16px; color:#fff; line-height:24px;}
.sm_help_r{ width:230px; height:190px; float:left; background:url(/Content/images/help.png) no-repeat;}
.sm_safe{ width:1000px; line-height:24px; color:#999; font-size:16px; }
.sm_btn{ width:400px; height:50px; margin:20px 300px;}
.sm_btn_one{width:165px; height:50px; text-align:center; line-height:50px; }
.sm_btn_one a{ padding:10px 40px; border-radius:8px; border:#00a8ff solid 3px; color:#00a8ff;  font-size:18px; text-decoration:none;}
.sm_btn_one a:hover{ background:#00a8ff; border-radius:8px; color:#fff;}
.dj_btn{ width:230px; height:98px; margin:20px 385px;}
.app_bottom{ width:100%; background:#2e3138; height:260px; color:#FFF; padding:40px 0 20px 0;}
.app_1000{ width:1000px; margin:0px auto;}
/*bottom*/
.hz-wrapper{ position:relative; display:block; width:1110px; margin:0 auto; padding:0; overflow:hidden; clear:both; font-size:12px; color:#fff;}
.hz-header,.hz-top,.hz-nav,.hz-/Content,.hz-help,.hz-footer{width:auto;}
.hz-header .hz-wrapper{ z-index:900; overflow:visible;}
.hz-top .hz-wrapper{ z-index:800;}
.hz-nav .hz-wrapper{ z-index:700; overflow:visible;}
.hz-/Content .hz-wrapper{ z-index:600;}
.hz-help .hz-wrapper{ z-index:500;}
.hz-footer .hz-wrapper{ z-index:400;}
.hz-wrapper{width:1000px; color:#FFF;}
.wid-01{width:1000px;}
.wid-25{ width:700px;}
.wid-13{width:150px;}
.wid-14{width:200px;}
.wid-15{width:250px;}
.lk-f8{color:#737a8c;}.lk-f6:hover,.lk-f8:hover{color:#9ea9c4;}
.icx-56{ width:100px; height:100px; background:url(/Content/images/ewm.jpg);}
.fa-row{ width:140px; font-style:normal;}
.fa-row em{ font-style:normal;}
.f-atten{ width:140px; margin-left:5px; display:inline; height:75px;}
.tx_center{ text-align:center;}
.f12{ font-size:12px;}
.f14{ font-size:14px; font-weight:bold;}


/*产品会员管理-功能介绍*/
.pro_gnjs{ width:1000px; float:left; padding:20px 0; border-bottom:dashed  #E1E1E1 1px;}
.pro_gnjs .js_left{ width:120px; height:120px; float:left; background:#f8f8f8;}
.pro_gnjs .js_left .js_icon1{ width:60px; height:60px; float:left; background: url(/Content/images/icon.png) -60px -240px; margin:25px ;}
.pro_gnjs .js_left .js_icon2{ width:60px; height:60px; float:left;  background: url(/Content/images/icon.png) -120px -240px; margin:25px;}
.pro_gnjs .js_left .js_icon3{width:60px; height:60px; float:left;  background: url(/Content/images/icon.png) -180px -240px; margin:25px;}
.pro_gnjs .js_left .js_icon4{ width:60px; height:60px; float:left;  background: url(/Content/images/icon.png) -240px -240px; margin:25px;}
.pro_gnjs .js_left .js_icon5{width:60px; height:60px; float:left;  background: url(/Content/images/icon.png) -300px -240px; margin:25px;}
.pro_gnjs .js_right{ width:860px; float:left; margin-left:20px;}
.pro_gnjs .js_right .js_lagre{ width:860px; line-height:30px; font-size:18px; color:#333;}
.pro_gnjs .js_right .js_small{ width:860px; line-height:22px; font-size:14px; color:#999;}




/*弹出层*/
.kefu {
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 22%;
    z-index: 999;
}
.kefu_left {
    float: left;
    margin-top: 80px;
    overflow: hidden;
}
.kefu_left img {
    height: 140px;
}
.kefu_div {
    background: #0387dc none repeat scroll 0 0;
    float: left;
    width: 140px;
}
.kefu_h2 {
    background: #0070b8 none repeat scroll 0 0;
    color: #ceeafd;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    text-align: center;
}
.kefu_ul {
    margin: 10px;
    overflow: hidden;
}
.kefu_ul li {
    color: #fff;
    font-size: 12px;
    line-height: 26px;
}
.kefu_ul li img {
    margin-right: 10px;
    margin-top: -2px;
    vertical-align: middle;
}
.kefu_ul_qq {
    text-align: center;
}
.kefu_ul_qq span {
    background: #017ecf none repeat scroll 0 0;
    border-radius: 45px;
    display: inline-block;
    margin-bottom: 5px;
    padding: 0 15px 1px;
}
.kefu_ul_qq span a{ text-decoration:none;}
.kefu_ul_l li {
    line-height: 30px;
}
.Tan_back {
    background: #000 none repeat scroll 0 0;
    display: none;
    height: 100%;
    opacity: 0.7;
    position: fixed;
    width: 100%;
    z-index: 998;
}
.Tankmain {
    display: none;
    height: auto;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
}

.bt_top {
    background: #fbfbfb none repeat scroll 0 0;
    border-bottom: 1px solid #ededed;
    height: 36px;
    overflow: hidden;
}
.btt_center {
    color: #999;
    font-size: 10px;
    line-height: 36px;
    margin: 0 auto;
    overflow: hidden;
    width: 1100px;
}
.btt_center .bttc_left {
    float: left;
    overflow: hidden;
}
.btt_center .bttc_right {
    float: right;
    overflow: hidden;
    text-align: right;
}
.btt_center .bttc_right span {
    color: #ff8f2e;
    font-size: 16px;
    margin-left: 5px;
}
.btt_center .bttc_right img {
    margin-right: 2px;
    vertical-align: middle;
}
.heaber {
    height: 94px;
    margin: 0 auto;
    overflow: hidden;
    width: 1100px;
}
.logo {
    float: left;
    margin-top: 10px;
    overflow: hidden;
    width: 185px;
}
.nav {
    float: right;
    margin-top: 33px;
    overflow: hidden;
}
.nav li {
    float: left; list-style:none;
}
.nav li a {
    color: #666;
    display: block;
    margin: 0 5px;
    padding: 5px 20px; text-decoration:none;
}
.nav li a:hover {
    background: #0387dc none repeat scroll 0 0;
    border-radius: 45px;
    color: #fff;
	text-decoration:none;
}
.nav li .nav_hover {
    background: #0387dc none repeat scroll 0 0;
    border-radius: 45px;
    color: #fff;
}
.main {
    overflow: hidden;
}
/*footer*/
.footer_div {
    background: #0e7ec7 none repeat scroll 0 0;
    height: 450px; width:100%; margin-top:20px;}
.footer_top {
    background: #014877 none repeat scroll 0 0;
    height: 50px;
}
.footer_top2 {
    margin: 0 auto;
    overflow: hidden;
    width: 1100px;
}
.footer_ul {
    overflow: hidden;
}
.footer_ul li {
    color: #fff;
    float: left;
    font-size: 14px;
    line-height: 50px;
    width: 200px;
	list-style:none;
	text-decoration:none;
}
.footer_ul .footer_li0 {
	list-style:none;
    width: 180px;
}
.footer_ul .footer_li2 {
	list-style:none;
    width: 280px;
}
.footer_ul .footer_li3 {
	list-style:none;
    float: right;
    width: 240px;
}
.footer_center {
    margin: 10px auto 0;
    overflow: hidden;
    width: 1100px;
}
.footer_center a {
    color: #d0ecfe;
    display: block;
    font-size: 12px;
    line-height: 33px;
	text-decoration:none;
}
.footer_center span {
    color: #d0ecfe;
    display: block;
    font-size: 12px;
    line-height: 33px;
    padding-right: 20px;
}
.footer_center .footer_time {
    color: #ffee8f;
}
.footer_center .footer_time img {
    margin-right: 10px;
    vertical-align: middle;
}
.footer_center .footer_tel {
    margin: 5px 0;
}
.footer_center .footer_tel font {
    font-size: 18px;
}
.footer_fr {
    background: rgba(0, 0, 0, 0) url("/Content/images/footerbo_17.jpg") repeat-x scroll left top;
    color: #abd3f1;
    font-size: 12px;
    margin: 10px auto;
    overflow: hidden;
    padding: 20px 0;
    text-align: center;
    width: 1100px;
}
p#back-to-top {
    bottom: 10%;
    position: fixed;
    right: 50px;
}
p#back-to-top a:hover {
    color: #979797;
}
p#back-to-top a span {
    background: #d1d1d1 url("/Contentimgs/totop.gif") no-repeat scroll left center;
    display: block;
    height: 70px;
    margin-bottom: 5px;
    width: 70px;
}
#back-to-top a:hover span {
    background: #979797 url("/Contentimgs/totop.gif") no-repeat scroll left center;
}